<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="bais">
    <title>小米商城</title>
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/unslider.min.js"></script>
    <script src="jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        html {
            height: 100%;
            font-family: sans-serif;
        }
        body {
            margin: 0;
            font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
            color: #333;
            background-color: #fff;
            min-width: 1226px;
        }

        ul,ol,figure {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .banner {
            position: relative;
            overflow: auto;
            text-align: center;
        }

        .banner li {
            list-style: none;
        }

        .banner ul li {
            float: left;
        }
    </style>
</head>

<body>
    <style>
        #b04 {
            width: 640px;
        }

        #b04 .dots {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
        }

        #b04 .dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 4px;
            text-indent: -999em;
            border: 2px solid #fff;
            border-radius: 6px;
            cursor: pointer;
            opacity: 0.4;
            transition: background 0.2s, opacity 0.2s;
        }

        #b04 .dots li.active {
            background: #fff;
            opacity: 1;
        }

        #b04 .arrow {
            position: absolute;
            top: 200px;
        }

        #b04 #al {
            left: 250px;
        }

        #b04 #al:hover {
            background: #757575;
        }

        #b04 #ar {
            right: 15px;
        }

        #b04 #ar:hover {
            background: #757575;
        }
    </style>
    <div class="header-top">
        <a href="http://hd.mi.com/x/05161d/index.html?v=1000"></a>
    </div>
    <div class="nav-topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="//www.mi.com/index.html">小米商城</a>
                <span class="line">|</span>
                <a href="http://www.miui.com/">MIUI</a>
                <span class="line">|</span>
                <a href="http://www.miliao.com/">米聊</a>
                <span class="line">|</span>
                <a href="http://game.xiaomi.com/">游戏</a>
                <span class="line">|</span>
                <a href="http://www.duokan.com/">多看阅读</a>
                <span class="line">|</span>
                <a href="https://i.mi.com/">云服务</a>
                <span class="line">|</span>
                <a href="https://jr.mi.com?from=micom">金融</a>
                <span class="line">|</span>
                <a href="//www.mi.com/appdownload/">小米商城移动版</a>
                <span class="line">|</span>
                <a href="//static.mi.com/feedback/">问题反馈</a>
                <span class="line">|</span>
                <a href="#J_modal-globalSites">Select Region</a>
            </div>
            <div class="topbar-cart">
                <a href="//static.mi.com/cart/" class="shop">
                    <i class="iconfont"></i> 购物车
                    <span>（0）</span>
                </a>
                <div class="chart-menu">
                    <div class="loading">
                        购物车中还没有商品，赶快选购吧！
                        <div class="loader"></div>
                    </div>
                </div>
            </div>
            <div class="topbar-info">
                <a href="//order.mi.com/site/login?redirectUrl=http://www.mi.com/">登录</a>
                <span class="line">|</span>
                <a href="https://account.xiaomi.com/pass/register">注册</a>
                <span class="line">|</span>
                <a href="">消息通知</a>
            </div>
        </div>
    </div>
    <div class="navbar">
        <div class="container">
            <div class="navbar-logo">
                <a class="logo" href="//www.mi.com/index.html" title="小米官网"></a>
                <a class="runlogo" href="http://1.hd.mi.com/"></a>
            </div>
            <div class="navbar-nav">
                <ul class="nav-list">
                    <li class="li">
                        <a href="">小米手机</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">红米</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">平板 • 笔记本</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">电视</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">盒子 • 影音</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">路由器</a>
                        <div></div>
                    </li>
                    <li class="li">
                        <a href="">智能硬件</a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">服务</a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">社区</a>
                        <div></div>
                    </li>
                </ul>
            </div>
            <div class="navbar-search">
                <form action="">
                    <input id="search" type="search">
                    <input class="search-btn iconfont" type="submit" value="">
                    <div class="search-host">
                        <a href="//www.mi.com/earphonetype-c/">小米降噪耳机</a>
                        <a href="http://hd.mi.com/x/05161d/index.html">小米Max</a>
                    </div>
                    <div class="input-list">
                        <ul class="klist">
                            <li><a href="">小米6<span class="result">约有7件</span></a></li>
                            <li><a href="">小米5s Plus<span class="result">约有6件</span></a></li>
                            <li><a href="">小米MIX<span class="result">约有1件</span></a></li>
                            <li><a href="">手环<span class="result">约有6件</span></a></li>
                            <li><a href="">红米note 4x<span class="result">约有7件</span></a></li>
                            <li><a href="">路由器<span class="result">约有14件</span></a></li>
                            <li><a href="">智能家庭套装<span class="result">约有16件</span></a></li>
                            <li><a href="">小米VR眼镜<span class="result">约有4件</span></a></li>
                            <li><a href="">移动电源<span class="result">约有17件</span></a></li>
                            <li><a href="">米家摄像机<span class="result">约有6件</span></a></li>
                            <li><a href="">优惠套装<span class="result">约有55件</span></a></li>
                        </ul>
                    </div>
                </form>
            </div>
        </div>
        <div class="slownav">
            <div class="container">
                <ul class="slowlist">
                    <li class="first">
                        <div class="figure">
                            <a href="//www.mi.com/mi6/">
                                <img src="https://c1.mifile.cn/f/i/g/2015/xiaomi5S-320-220!160x110.jpg" alt="">
                            </a>
                        </div>
                        <div class="title"><a href="//www.mi.com/mi6/">小米6</a></div>
                        <p class="price">2499元起</p>
                        <div>
                            <div class="flag">新品</div>
                        </div>
                    </li>
                    <li>
                        <div class="figure">
                            <a href="//www.mi.com/minote2/">
                                <img src="https://c1.mifile.cn/f/i/g/2015/xiaomiNOTE2-320-220!160x110.jpg" alt="">
                            </a>
                        </div>
                        <div class="title"><a href="//www.mi.com/minote2/">小米Note 2</a></div>
                        <p class="price">2799元起</p>
                        <div>
                            <div class="flag">现货</div>
                        </div>
                    </li>
                    <li>
                        <div class="figure">
                            <a href="//www.mi.com/mix/">
                                <img src="https://c1.mifile.cn/f/i/g/2015/MIX-320-220!160x110.jpg" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="//www.mi.com/mix/"></a>小米MIX</div>
                        <p class="price">3499元起</p>
                        <div>
                            <div class="flag">现货</div>
                        </div>
                    </li>
                    <li>
                        <div class="figure">
                            <a href="//www.mi.com/mi5s"><img src="https://c1.mifile.cn/f/i/g/2015/xiaomi5S-320-220!160x110.jpg" alt=""></a>
                        </div>
                        <div class="title"><a href="//www.mi.com/mi5s">小米5s</a></div>
                        <p class="price">1999元</p>
                        <div></div>
                    </li>
                    <li>
                        <div class="figure">
                            <a href="//www.mi.com/mi5splus/"><img src="https://c1.mifile.cn/f/i/g/2015/5spluse320_220!160x110.jpg" alt=""></a>
                        </div>
                        <div class="title"><a href="//www.mi.com/mi5splus/">小米5s Plus</a></div>
                        <p class="price">2299元起</p>
                        <div></div>
                    </li>
                    <li>
                        <div class="figure">
                            <a href="//www.mi.com/mi5c/"><img src="https://c1.mifile.cn/f/i/g/2015/5spluse320_220!160x110.jpg" alt=""></a>
                        </div>
                        <div class="title"><a href="//www.mi.com/mi5c/">小米手机5c</a></div>
                        <p class="price">1499元</p>
                        <div></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--轮播-->
    <div class="container">
        <div class="nav-lunbo">
            <aside>
                <ul class="lunbo-ul">
                    <li>
                        <a href="//www.mi.com/buyphone/">手机 电话卡<i class="iconfont"></i></a>
                        <div class="children">
                            <ul class="childrenlist list1">
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/xm6_80.png?width=40&height=40" alt=""><span>小米6</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/max2_80.jpg?width=40&height=40" alt=""><span>小米手机5c</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/5c_80.png?width=40&height=40" alt=""><span>小米note2</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xmNOTE2-80.jpg?width=40&height=40" alt=""><span>小米MIX</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/MIX-80.jpg?width=40&height=40" alt=""><span>小米5s</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xm5S-80.jpg?width=40&height=40" alt=""><span>小米5s Plus</span></a>
                                </li>
                            </ul>
                            <ul class="childrenlist list2">
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/xm6_80.png?width=40&height=40" alt=""><span>小米6</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/max2_80.jpg?width=40&height=40" alt=""><span>小米手机5c</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/5c_80.png?width=40&height=40" alt=""><span>小米note2</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xmNOTE2-80.jpg?width=40&height=40" alt=""><span>小米MIX</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/MIX-80.jpg?width=40&height=40" alt=""><span>小米5s</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xm5S-80.jpg?width=40&height=40" alt=""><span>小米5s Plus</span></a>
                                </li>
                            </ul>
                            <ul class="childrenlist list3">
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/xm6_80.png?width=40&height=40" alt=""><span>小米6</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/max2_80.jpg?width=40&height=40" alt=""><span>小米手机5c</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/cn-index/5c_80.png?width=40&height=40" alt=""><span>小米note2</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xmNOTE2-80.jpg?width=40&height=40" alt=""><span>小米MIX</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/MIX-80.jpg?width=40&height=40" alt=""><span>小米5s</span></a>
                                </li>
                                <li>
                                    <a href=""><img src="https://c1.mifile.cn/f/i/g/2015/xm5S-80.jpg?width=40&height=40" alt=""><span>小米5s Plus</span></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="">笔记本平板<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href=""> 电视 盒子<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">路由器 智能硬件<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">移动的电源 电池 插线板<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">耳机 音箱<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">保护套 贴膜<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">线材 支架 存储卡<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">箱包 服饰 鞋 眼镜<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                    <li>
                        <a href="">米兔 生活周边<i class="iconfont"></i></a>
                        <div></div>
                    </li>
                </ul>
            </aside>
            <div class="lunbo">
                <div class="banner" id="b04">
                    <ul>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14944969051726_ZUBwA.jpg" alt="" width="1226" height="480"></li>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14955448033584_znTYv.jpg" alt="" width="1226" height="480"></li>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14944040497808_tjOJz.jpg" alt="" width="1226" height="480"></li>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14944969051726_ZUBwA.jpg" alt="" width="1226" height="480"></li>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14944040497808_tjOJz.jpg" alt="" width="1226" height="480"></li>
                        <li><img src="https://i3.mifile.cn/a4/xmad_14954424891071_jBKPf.jpg" alt="" width="1226" height="480"></li>
                    </ul>
                    <a href="javascript:void(0);" class="unslider-arrow04 prev"><img class="arrow" id="al" src="arrowl.png" alt="prev" width="20" height="35"></a>
                    <a href="javascript:void(0);" class="unslider-arrow04 next"><img class="arrow" id="ar" src="arrowr.png" alt="next" width="20" height="37"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="home-sub container">
        <div class="home-gray">
            <div><a href=""><i class="iconfont"></i>选购手机</a></div>
            <div><a href=""><i class="iconfont"></i>企业团购</a></div>
            <div><a href=""><i class="iconfont"></i>官方产品</a></div>
            <div><a href=""><i class="iconfont"></i>小米移动</a></div>
            <div><a href=""><i class="iconfont"></i>以旧换新</a></div>
            <div><a href=""><i class="iconfont"></i>话费充值</a></div>
        </div>
        <div class="wuxiubo">
            <a href=""><img src="https://i3.mifile.cn/a4/xmad_14954529356764_BMcqC.jpg" alt=""></a>
            <a href=""><img src="https://i3.mifile.cn/a4/xmad_14956125230756_SsjCW.jpg" alt=""></a>
            <a href=""><img src="https://i3.mifile.cn/a4/xmad_1495545082771_gakZN.jpg" alt=""></a>
        </div>
    </div>
    <div class="star container">
        <h2>小米明星单品</h2>
        <div class="btn">
            <button class="btn-right">></button>
            <button class="btn-left"><</button>
        </div>
        <div class="hiden container">
            <div class="run">
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/bea012b2-b439-4df8-bbf8-0733f5a19630" alt="">
                        <p>小米Note 2 </p>
                    </a>
                    <p>享花呗6期分期免息</p>
                    <section>2799元起</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/5e2eb710-a99f-4235-ac5c-1b20b1e6c3b6" alt="">
                        <p>小米5s 64GB</p>
                    </a>
                    <p>骁龙821处理器，超声波指纹识别</p>
                    <section>1999元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/e991f1e2-20d8-40c3-bf1d-012b122c986b" alt="">
                        <p>小米5s Plus</p>
                    </a>
                    <p>骁龙821旗舰处理器，轻薄金属机身</p>
                    <section>2299元起</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/xmad_14926528960147_wJMsC.png" alt="">
                        <p>小米电视4A 49英寸 标准版</p>
                    </a>
                    <p>全高清屏，杜比音效，海量片源</p>
                    <section>2599元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/725a37e3-78b7-4298-8098-c40097bf179d" alt="">
                        <p>小米笔记本</p>
                    </a>
                    <p>更轻更薄，像杂志一样随身携带</p>
                    <section>3599元起</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/xmad_14917453512947_AmXkT.png" alt="">
                        <p>10000mAh小米移动电源2</p>
                    </a>
                    <p>双向快充，高密度锂聚合物电芯</p>
                    <section>79元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/6ef55907-bbed-49be-a2bb-be0821b5f7b8" alt="">
                        <p>小米手环 2</p>
                    </a>
                    <p>OLED 显示屏幕，升级计步算法</p>
                    <section>149元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/xmad_14954429057126_LsEIN.png" alt="">
                        <p>小米盒子3c</p>
                    </a>
                    <p>4K人工智能机顶盒，64位处理器</p>
                    <section>199元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/xmad_14878364411484_BzwLi.png" alt="">
                        <p>米家车载空气净化器</p>
                    </a>
                    <p>双风机循环气流，高效净化车内空气</p>
                    <section>449元</section>
                </div>
                <div class="runitem">
                    <a href="">
                        <img src="https://i3.mifile.cn/a4/de35852a-1be5-4ef5-846f-dcdd2efcfea6" alt="">
                        <p>小米路由器3</p>
                    </a>
                    <p>更快更强，不止四天线</p>
                    <section>149元</section>
                </div>
            </div>
        </div>
    </div>
    <main>
        <div class="container">
            <div class="appliances">
                <div class="appliances-nav">
                    <h2>家电</h2>
                    <div class="appliances-nav-right">
                        <ul class="right-ul">
                            <li class="active one">热门</li>
                            <li class="two">电视影音</li>
                            <li class="three">电脑</li>
                            <li class="four">家居</li>
                        </ul>
                    </div>
                </div>
                <div class="appliances-row">
                    <div class="rowleft">
                        <a href=""><img src="https://i3.mifile.cn/a4/xmad_14956836629804_AQqpa.jpg" alt=""></a>
                    </div>
                    <div class="rowright">
                        <ul>
                            <li>
                                <div class="rowitem">
                                    <div class="flag">新品</div>
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1490077058.71391368!220x220.png" alt="">
                                        <p>小米电视4A 43英寸</p>
                                    </a>
                                    <p>老人小孩都会用的人工智能语音电视</p>
                                    <section>2099元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1490077454.46128587!220x220.png" alt="">
                                        <p>小米电视4A 49英寸</p>
                                    </a>
                                    <p>全高清屏，杜比音效，海量片源</p>
                                    <section>2599元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <div class="flag">新品</div>
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1487928964.47473084!220x220.jpg" alt="">
                                        <p>小米笔记本Air 13.3英寸</p>
                                    </a>
                                    <p>独立显卡，全金属机身，超长续航</p>
                                    <section>4999元</section>
                                   <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1487928964.47473084!220x220.jpg" alt="">
                                        <p>小米笔记本内胆包12.5英寸</p>
                                    </a>
                                    <p>集成显卡，全金属机身，超长续航</p>
                                    <section>3599元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1495074010.05677255!220x220.jpg" alt="">
                                        <p>小米电视4 55英寸</p>
                                    </a>
                                    <p>4.9mm极超薄机身，超高清画质</p>
                                    <section>3999元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1472609961.95298675!220x220.jpg" alt="">
                                        <p>米家扫地机器人</p>
                                    </a>
                                    <p>智能路径规划，扫得干净扫得快</p>
                                    <section>1699元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/T1zBYgBCWv1RXrhCrK!220x220.jpg" alt="">
                                        <p>小米空气净化器2</p>
                                    </a>
                                    <p>OLED 显示屏幕，升级计步算法</p>
                                    <section>699元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="lastrow">
                                    <div class="lasttop">
                                        <a href="">米家IH电饭...<img src="https://i1.mifile.cn/a1/pms_1490770630.65576964!220x220.png" alt=""></a>
                                        <section>599元</section>
                                    </div>
                                    <div class="lastdown">
                                        <h2>浏览更多</h2>
                                        <span>电脑</span><i class="iconfont"></i>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    
                </div>
            </div>
<!--智能家居-->
            <div class="appliances">
                <div class="appliances-nav">
                    <h2>智能</h2>
                    <div class="appliances-nav-right">
                        <ul class="right-ul">
                            <li class="active one">热门</li>
                            <li class="two">出行</li>
                            <li class="three">健康</li>
                            <li class="four">酷玩</li>
                            <li class="five">路由器</li>
                        </ul>
                    </div>
                </div>
                <div class="appliances-row">
                    <div class="rowleft">
                        <div class="pic">
                            <a href=""><img src="https://i3.mifile.cn/a4/xmad_14950995035103_fhWtH.jpg" alt=""></a>
                        </div>
                        <div class="pic">
                            <a href=""><img src="https://i3.mifile.cn/a4/xmad_14956778215703_irIKO.jpg" alt=""></a>
                        </div>
                    </div>
                    <div class="rowright">
                        <ul>
                            <li>
                                <div class="rowitem">
                                    <div class="flag">新品</div>
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1494490988.2099047!220x220.jpg" alt="">
                                        <p>米家智能摄像机云台版</p>
                                    </a>
                                    <p>米家智能摄像机云台版</p>
                                    <section>2099元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1490077454.46128587!220x220.png" alt="">
                                        <p>小米电视4A 49英寸</p>
                                    </a>
                                    <p>全高清屏，杜比音效，海量片源</p>
                                    <section>2599元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1487928964.47473084!220x220.jpg" alt="">
                                        <p>小米笔记本Air 13.3英寸</p>
                                    </a>
                                    <p>独立显卡，全金属机身，超长续航</p>
                                    <section>4999元</section>
                                   <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1487928964.47473084!220x220.jpg" alt="">
                                        <p>小米笔记本内胆包12.5英寸</p>
                                    </a>
                                    <p>集成显卡，全金属机身，超长续航</p>
                                    <section>3599元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1495074010.05677255!220x220.jpg" alt="">
                                        <p>小米电视4 55英寸</p>
                                    </a>
                                    <p>4.9mm极超薄机身，超高清画质</p>
                                    <section>3999元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/pms_1472609961.95298675!220x220.jpg" alt="">
                                        <p>米家扫地机器人</p>
                                    </a>
                                    <p>智能路径规划，扫得干净扫得快</p>
                                    <section>1699元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="rowitem">
                                    <a href="">
                                        <img src="https://i1.mifile.cn/a1/T1zBYgBCWv1RXrhCrK!220x220.jpg" alt="">
                                        <p>小米空气净化器2</p>
                                    </a>
                                    <p>OLED 显示屏幕，升级计步算法</p>
                                    <section>699元</section>
                                    <div class="rowhide">
                                    <a href="">
                                        <p class="content">追求性价比，就来选小米！</p>
                                        <p class="author">买到就是赚到！</p>
                                    </a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="lastrow">
                                    <div class="lasttop">
                                        <a href="">米家IH电饭...<img src="https://i1.mifile.cn/a1/pms_1490770630.65576964!220x220.png" alt=""></a>
                                        <section>599元</section>
                                    </div>
                                    <div class="lastdown">
                                        <h2>浏览更多</h2>
                                        <span>电脑</span><i class="iconfont"></i>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    
                </div>
            </div>
            <div class="foryou appliances">
                    <h2>为你推荐</h2>
                    <div class="appliances-nav-right">
                       <button class="btn1-right">></button>
                       <button class="btn1-left"><</button>
                    </div>
                    <div class="box">
                        <div class="length">
                            <ul>
                                <!--11111111111111111111-->
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1487824962.01314237.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米无人机4K版套装 </a></dd>
                                        <dd><section>2999元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1487824962.01314237.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米无人机4K版套装 </a></dd>
                                        <dd><section>2999元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1487824962.01314237.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米无人机4K版套装 </a></dd>
                                        <dd><section>2999元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1487824962.01314237.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米无人机4K版套装 </a></dd>
                                        <dd><section>2999元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1487824962.01314237.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米无人机4K版套装 </a></dd>
                                        <dd><section>2999元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <!--222222222222222222222222222-->
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1475052168.43877575.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米电视3s 65英寸 影院版</a></dd>
                                        <dd><section>6699元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                               <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1475052168.43877575.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米电视3s 65英寸 影院版</a></dd>
                                        <dd><section>6699元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1475052168.43877575.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米电视3s 65英寸 影院版</a></dd>
                                        <dd><section>6699元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1475052168.43877575.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米电视3s 65英寸 影院版</a></dd>
                                        <dd><section>6699元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1475052168.43877575.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米电视3s 65英寸 影院版</a></dd>
                                        <dd><section>6699元</section></dd>
                                        <dd>322人好评 </dd>
                                    </dl>
                                </li>
                                <!--333333333333333333-->
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1477389928.07792706.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">Amazfit 运动手表 </a></dd>
                                        <dd><section>799元</section></dd>
                                        <dd>4430人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1477389928.07792706.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">Amazfit 运动手表 </a></dd>
                                        <dd><section>799元</section></dd>
                                        <dd>4430人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1477389928.07792706.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">Amazfit 运动手表 </a></dd>
                                        <dd><section>799元</section></dd>
                                        <dd>4430人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1477389928.07792706.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">Amazfit 运动手表 </a></dd>
                                        <dd><section>799元</section></dd>
                                        <dd>4430人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https:///i1.mifile.cn/a1/pms_1477389928.07792706.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">Amazfit 运动手表 </a></dd>
                                        <dd><section>799元</section></dd>
                                        <dd>4430人好评 </dd>
                                    </dl>
                                </li>
                                <!--444444444444444444444444444444-->
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1481507050.2285518.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米米家电动滑板车</a></dd>
                                        <dd><section>1999元</section></dd>
                                        <dd>1322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1481507050.2285518.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米米家电动滑板车</a></dd>
                                        <dd><section>1999元</section></dd>
                                        <dd>1322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1481507050.2285518.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米米家电动滑板车</a></dd>
                                        <dd><section>1999元</section></dd>
                                        <dd>1322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1481507050.2285518.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米米家电动滑板车</a></dd>
                                        <dd><section>1999元</section></dd>
                                        <dd>1322人好评 </dd>
                                    </dl>
                                </li>
                                <li class="length-li">
                                    <dl>
                                        <dt><a href=""><img src="https://i1.mifile.cn/a1/pms_1481507050.2285518.jpg?width=140&height=140" alt=""></a></dt>
                                        <dd><a href="">小米米家电动滑板车</a></dd>
                                        <dd><section>1999元</section></dd>
                                        <dd>1322人好评 </dd>
                                    </dl>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <!--热评产品-->
                <div class="hei container appliances">
                    <h2>热评产品</h2>
                    <ul class="reping">
                        <li>
                            <figure class="reitem">
                                <img src="https://i3.mifile.cn/a4/bae79ac6-60d5-478d-90e7-ff1222764bd1" alt="">
                                <figcaption>超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</figcaption>
                                <span>来自于 田密 的评价 </span>
                                <span style="color: black;">小米随身蓝牙音箱 | <i class="price">3499元</i></span>
                            </figure>
                        </li>
                        <li>
                            <figure class="reitem">
                                <img src="https://i3.mifile.cn/a4/3c77fe32-1113-482d-91b1-9c01a079cce6" alt="">
                                <figcaption>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</figcaption>
                                <span >来自于 龙炎 的评价 </span>
                                <span>小米笔记本Air 12.5英寸 | <i class="price">3499元</i></span>
                            </figure>
                        </li>
                        <li>
                            <figure class="reitem">
                                <img src="https://i3.mifile.cn/a4/8949026b-fa9a-4370-989b-5d5e2f149106" alt="">
                                <figcaption>安装简洁方便，信号不错！！！！！</figcaption>
                                <span>来自于 追逆 的评价 </span>
                                <span>小米路由器3 | <i class="price">149元</i></span>
                            </figure>
                        </li>
                        <li>
                            <figure class="reitem">
                                <img src="https://i3.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe" alt="">
                                <figcaption>包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</figcaption>
                                <span>来自于 HZG 的评价 </span>
                                <span>米家压力IH电饭煲 | <i class="price">999元</i></span>
                            </figure>
                        </li>
                    </ul>
                </div>
                <div class="hei container appliances">
                    <h2>内容</h2>
                    <ul class="reping hali">
                        <li>
                            <section class="title">图书</section>
                            <a href="">
                                <h4>哈利·波特与被诅咒的孩子</h4>
                                <span>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </span>
                                <p>29.37元</p>
                                <img src="https://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757" alt="">
                            </a>
                            <i class="iconfont btn-left"></i><i class="iconfont btn-right"></i>
                            <section class="point">
                                <span class="circle"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </section>
                        </li>
                        <li>
                            <section class="title">MIUI 主题</section>
                            <a href="">
                                <h4>小米Max 2官方主题</h4>
                                <span>兼顾左右手的“超级锁屏悬浮球”，单指一键直达APP </span>
                                <p>15米币</p>
                                <img src="https://i3.mifile.cn/a4/xmad_1495694746648_lgqst.jpg" alt="">
                            </a>
                            <i class="iconfont btn-left"></i><i class="iconfont btn-right"></i>
                            <section class="point">
                                <span class="circle"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </section>
                        </li>
                        <li>
                            <section class="title">游戏</section>
                            <a href="">
                                <h4>米柚手游模拟器</h4>
                                <span>在电脑上玩遍小米所有手游</span>
                                <p>免费</p>
                                <img src="https://i3.mifile.cn/a4/T1czW_BXCv1R4cSCrK.png" alt="">
                            </a>
                            <i class="iconfont btn-left"></i><i class="iconfont btn-right"></i>
                            <section class="point">
                                <span class="circle"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </section>
                        </li>
                        <li>
                           <section class="title">应用</section>
                            <a href="">
                                <h4>2017金米奖</h4>
                                <span>最优秀的应用和游戏 </span>
                                <p>29.37元</p>
                                <img src="https://i3.mifile.cn/a4/3332da7d-4056-4694-9548-c83b7b3af7d3" alt="">
                            </a>
                            <i class="iconfont btn-left"></i><i class="iconfont btn-right"></i>
                            <section class="point">
                                <span class="circle"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </section>
                        </li>
                    </ul>
                </div>
        </div>
    </main>
    <footer>    
        <div class="container footer-top">
            <ul class="footer-nav">
                <li style="border-left: 0">
                    <a href=""><i class="iconfont"></i>预约维修服务</a>
                </li>
                <li>
                    <a href=""><i class="iconfont"></i>7天无理由退货</a>
                </li>
                <li>
                    <a href=""><i class="iconfont"></i>15天免费换货</a>
                </li>
                <li>
                    <a href=""><i class="iconfont"></i>满150元包邮</a>
                </li>
                <li>
                    <a href=""><i class="iconfont"></i>520余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="container footer-links">
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
        
            <div class="contact">
                <p class="phone">400-100-5678</p>
                <p>周一至周日 8:00-18:00</p>
                <p>（仅收市话费）</p>
                <a href="" class="kefu"><i class="iconfont"></i>24小时在线客服</a>
            </div>
        </div>
        <div class="container footer-down">
                <img src="http://st219.oschina.io/homework/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8EPC/images/logo.png" alt="">
                <div class="foot">
                    <p >
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">MIUI</a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看阅读</a>
                        <span>|</span>
                        <a href="">小米路由器</a>
                        <span>|</span>
                        <a href="">视频电话</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米淘宝直营店</a>
                        <span>|</span>
                        <a href="">小米网盟</a>
                        <span>|</span>
                        <a href="">小米移动</a>
                        <span>|</span>
                        <a href="">隐私政策</a>
                        <span>|</span>
                        <a href="">Select Region</a>
                    </p>
                    <p>
                        ©
                        <a href=""> 京ICP证110507号 </a>
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号 </a>
                        <a href="">京网文[2014]0059-0009号</a>
                        <br>
                         违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
                <div class="link-right">
                    <a href=""><img src="https://c1.mifile.cn/f/i/17/site/truste.png" alt=""></a>
                    <a href=""><img src="https://s01.mifile.cn/i/v-logo-2.png" alt=""></a>
                    <a href=""><img src="https://s01.mifile.cn/i/v-logo-1.png" alt=""></a>
                    <a href=""><img src="https://s01.mifile.cn/i/v-logo-3.png" alt=""></a>
                </div>
            </div>
            <section class="xm">探索黑科技，小米为发烧而生！</section>
    </footer>
    <script src="js/xiaomi.js"></script>
</body>

</html>